<template>
	<view class="">
		<view class="card mb-1 position-relative" style="width:708rpx;height:200rpx;">
			<image src="../../static/img/ic_home_class_item_one.png" style="width:708rpx;height:200rpx;"
				class="position-absolute" mode=""></image>
			<view class="flex-column position-absolute" style="padding:40rpx 30rpx;width: 640rpx;">
				<view class="flex">
					<image :src="info.class_pic" style="width:110rpx;height:110rpx;border-radius:10rpx;"
						v-if="info.class_pic" mode=""></image>
					<image src="../../static/img/ic_default_head.png"
						style="width:110rpx;height:110rpx;border-radius:10rpx;" v-else mode=""></image>
					<view class="flex-colum flex-1" style="margin-left: 17rpx;">
						<!-- <view class="font36 colorfff font-weight-500 overflow-hidden"
							style="line-height:1.2;margin-bottom: 20rpx;">{{info.class_name}}
						</view>
						<view class="flex">
							<view class="colorfff font26 fontbold mr-3">人数:{{ info.student_count }}</view>
							<view class="colorfff font26 fontbold">最新温度 :{{ info.temperature }}</view>
						</view> -->
						<view class="flex justify-between">
							<view class="colorfff font22 font-weight-500 line-h mt-2">学校：{{school}}
							</view>
							<view class="colorfff font22 font-weight-500 line-h mt-3">年级：{{info.class_njname}}</view>
						</view>
						<view class="flex justify-between">
							<view class="colorfff font22 font-weight-500 line-h mt-2">班级：{{info.class_bjname}}</view>
							<view class="colorfff font22 font-weight-500 line-h mt-2">姓名：{{info.user_name}}</view>
						</view>
					</view>
				</view>
				<!-- <view class="flex justify-between">
					<view class="colorfff font22 font-weight-500 line-h mt-3">班主任：{{info.master_user_name}}</view>
					<view class="colorfff font22 font-weight-500 line-h mt-3">所属学校：{{school}}</view>
				</view>
				<view class="flex justify-between">
					<view class="colorfff font22 font-weight-500 line-h mt-2">{{dl}}</view>
					<view class="colorfff font22 font-weight-500 line-h mt-2">设备状态:{{status}}</view>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		props: {
			info: {
				type: Object,
				default: ""
			},
			school: {
				type: String,
				default: ""
			},
			dl: {
				type: String,
				default: ""
			},
			status: {
				type: String,
				default: ""
			}
		},
		methods: {}
	};
</script>

<style>
	.card .classDetail {
		width: 154rpx;
		height: 39rpx;
		background: rgba(241, 127, 34, 1);
		border-radius: 20rpx;
	}
</style>
